@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{ padding: 0; margin: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset, img{ vertical-align: top; border: 0;}
address, caption, cite, code, dfn, em, th, var, i{ font-weight: normal; font-style: normal;}
ol, ul, li{ list-style: none;}
div, dl, dt, dd, ol, ul, li{ zoom: 1;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%;}
q:before, q:after{ content: '';}
abbr, acronym{ border: 0;}
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu, time{ margin: 0; padding: 0; display: block; zoom: 1;}

/* Public */
body{ color: #333; font-size: 14px; line-height: 30px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none;}
a{ color: #333; text-decoration: none; outline: none;}
a:hover{ color: #E20500; text-decoration: none;}
.clearbox{ border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{ display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{ height: 1%;}
*+html .clearfix{ min-height: 1%;}
.fl{ float: left !important;}
.fr{ float: right !important;}
.hide{ display: none;}
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* frame */
html{background: url(../img/bg.jpg) no-repeat center 30px;}
body{ min-width: 1200px;}
.siteWidth{ position: relative; width: 1200px; margin: 0 auto;}
#header{ position: relative; z-index: 12; height: 160px;}
#header{height: 310px;}
#content{ padding: 20px; width: 1160px; margin: 0 auto; position: relative; z-index: 10px; border-top: 2px solid #156ab6; background-color: #fff; overflow: hidden;}

/* 顶部 */
.topbar{position: relative;z-index: 13;background-color: #0e61b7;height: 40px;line-height: 40px;font-size: 14px;color: #fff;}
.topbar a{color: #fff;overflow: hidden;}
.topbar dt i,.topbar a i{float: left;margin: 10px 3px 0 0;width: 20px;height: 20px;overflow: hidden;background: url(../img/icons-topbar.png) no-repeat;}
.topbar .links{ float: right;}
.topbar .links dl{position: relative;float: left;padding: 0 10px;}
.topbar .links dl.userLogin{padding-top: 5px;}
.topbar .links dlpadding-top: 5px;
.topbar .links dl dt{ padding: 0 10px 0 5px;}
.topbar .links dl dt a{ padding-left: 0;}
.topbar .links .addfav i{ background-position: 0 -60px;}
.topbar .links .contact i{ background-position: 0 -80px;}
.topbar .links .search i{ background-position: 0 -100px;}
.topbar .links .phone i{ background-position: 0 -120px;}
.topbar .links .site i{ background-position: 0 -140px;}
.topbar .links dl dd{display: none;position: absolute;top: 40px;left: 50%;margin-left: -50px;}
.topbar .links dl dd img{ width: 100px; border: 5px solid #fff;}
.topbar .links dl:hover{ background-color: #1570c7;}
.topbar .links dl:hover dd{ display: block;}
.topbar .sw{overflow: hidden;margin-left: 20px;}
.topbar .sw a{ float: left;margin-right: 10px;}
.topbar .sw .a2 i{ background-position: 0 -20px;}
.topbar .sw .a3 i{ background-position: 0 -40px;}
.topbar .links dl.userLogin:hover{background:none}

/* 站群导航 */
#siteLast dd{ left: auto; right: 0; top: 30px; background-color: #1570c7; padding-left:20px;}
#siteLast ul{padding: 10px;width: 480px;overflow: hidden;}
#siteLast li{ float: left; width:120px;}
#siteLast li a{ color: #fff;}
#siteLast li a:hover{ color: #ff0;}
#siteLast table tr td div { writing-mode: vertical-lr;text-align: center;height: 60px;width: 40px;overflow: hidden;color:#fff }

/* 头部 */
#header .siteWidth{ padding: 40px 0;}
#logo{padding-left: 30px;}
#logo img{ max-width: 100%;}

/* 主导航 */
.topNav{position: relative;z-index: 11;overflow: hidden;width: 1200px;margin: auto;background: -webkit-gradient(linear,center top,center bottom,from(rgb(255 255 255 / 0%)),to(rgb(14 97 183 / 90%)));}
.topNav li{ float: left; width: 14.24%;}
.topNav li a{ position: relative; display: block; padding-top: 40px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center;}
.topNav li a i{ position: absolute; top: 15px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url(../img/icons-nav.png) no-repeat;}
.topNav li.on1, .topNav li a:hover{background-color: rgb(14 97 183 / 69%);-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;}

.topNav li:nth-child(2) a i{ background-position: 0 -40px;}
.topNav li:nth-child(3) a i{ background-position: 0 -80px;}
.topNav li:nth-child(4) a i{ background-position: 0 -160px;}
.topNav li:nth-child(5) a i{ background-position: 0 -120px;}
.topNav li:nth-child(6) a i{ background-position: 0 -200px;}
.topNav li:nth-child(7) a i{ background-position: 0 -240px;}

.topNav li a:hover{background-color: rgba(39,142,238,0.5);background: -webkit-gradient(linear,0 0,0 100%,from(#F3B659),to(#F8A042));
background: -moz-linear-gradient(#F3B659, #F8A042);
background: -ms-linear-gradient(#F3B659, #F8A042);
background: -o-linear-gradient(#F3B659, #F8A042);}

/* 主栏 和 侧栏 */
.mainContent{ overflow: hidden;}
.side{ width: 250px; margin-right: 10px; float: left;}


.juzhong{ display:block; text-align:center;}

/* 位置导航 */
.path{ color: #666; line-height: 20px; margin-bottom: 20px; padding: 0 10px 10px; border-bottom: 1px solid #ddd;}
.path a, .path span{ padding: 0 3px; color: #666;}
.path em{ background: url(../img/icons.png) no-repeat 0 -252px; padding-left: 26px;}

/*footer*/
#footer{ clear: both; background-color: #0d6db9; color: #fff; padding: 20px 0;}
#footer .siteWidth{ position: relative;}
#footer .pic{ position: absolute; right: 0; top: 38%; margin-top: -20px;}
/* #footer .pic img{ margin: 0 5px;} */
#footer .footNav{ padding-bottom: 5px;}
#footer .footNav a{ margin: 0 20px 0 0; display: inline-block;cursor: pointer;}
#footer .footNav p{margin: 0; display: inline-block;}
#footer .footNav p span{margin: 0 2px;}
#footer a{ color: #fff;}
#footer a:hover{ color: #fff}
#footer .copyRight a{ text-decoration: underline;}

/* winMark */
#winMark{ z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0;}

/* 侧栏-栏目菜单 */
#sideMenu .hd{ border: none; background-color: #156ab6; background-position: 10px -330px;}
#sideMenu .hd h3, #sideMenu .hd h3 a{ color: #fff;}
#sideMenu li{ font-size: 16px; text-align: center; margin-bottom: 6px; vertical-align: top;}
#sideMenu li a{ display: block; height: 34px; line-height: 34px; background: url(../img/sidemenubg.png) no-repeat center; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms;}
#sideMenu li a:hover{color: #156ab6;}

/* box */
.box .hd{ background-color: #f1f4f8; height: 40px; line-height: 40px; position: relative; font-size: 16px;}
.box .hd .more{ float: right; color: #999; margin-right: 5px; font-size: 14px;}
.box .hd .more a{ color: #999}
.box .hd h3{ display: inline-block; *display: inline; zoom: 1;}
.box .hd h3 a{display: block;padding: 0 20px;color: #fff;}
.box .hd ul{overflow: hidden;}
.box .hd li{ float: left;}
.box .hd li a{display: block;padding: 0 20px;}
.box .hd li.on a{background: #156ab6  url(../../base/img/tabbg0.jpg) center;border-color: #156ab6;color: #fff;}
.box .bd{ padding: 10px 5px; overflow: hidden;}

/* boxA */
.boxA{ margin-bottom: 15px;}
.boxA .hd{ height: 39px; line-height: 39px; position: relative; border-bottom: 1px solid #E1E1E1; background: #F9F9F9;}
.boxA .hd .more{ font-size: 14px; position: absolute; right: 10px; color: #999;}
.boxA .hd h3{ position: absolute; color: #156ab6; font-size: 16px; line-height: 38px; padding: 0 20px; background: #F9F9F9; border: 1px solid #E1E1E1; border-top: 3px solid #156ab6; border-bottom: 0;}
.boxA .hd h3 a{ color: #156ab6;}
.boxA .hd h3 a:hover{ text-decoration: none;}
.boxA .hd ul{ position: absolute; height: 40px; overflow: hidden;}
.boxA .hd li{ float: left; font-size: 16px; height: 39px; line-height: 39px; background: #F9F9F9;}
.boxA .hd li a{ display: block; float: left; padding: 0 30px;}
.boxA .hd li a:hover{ text-decoration: none}
.boxA .hd .on{ border: 1px solid #E1E1E1; border-top: 3px solid #156ab6; border-bottom: 0;}
.boxA .bd{ padding: 5px; overflow: hidden;}

/* boxB */
.boxB{ background: #fff;}
.boxB .hd{ height: 39px; line-height: 39px; position: relative; border: 1px solid #E1E1E1;}
.boxB .hd .more{ font-size: 14px; position: absolute; right: 10px; color: #666;}
.boxB .hd h3{ padding: 0 20px; font-size: 16px; color: #fff; background: #156ab6; position: absolute; height: 41px; line-height: 41px; left: -1px; top: -1px;}
.boxB .hd h3 a{ color: #fff}
.boxB .bd{ overflow: hidden; padding: 10px; border: 1px solid #E9E9E9; border-top: 0;}

/* boxC */
.boxC{ margin-bottom: 15px; overflow: hidden;}
.boxC .hd{ height: 36px; line-height: 36px; background: #FAFAFA; border-bottom: 1px solid #E9E9E9; position: relative;}
.boxC .hd .more{ position: absolute; right: 10px; top: 0; font-size: 14px;}
.boxC .hd .more a{ color: #666}
.boxC .hd ul{ overflow: hidden;}
.boxC .hd ul li{ float: left;}
.boxC .hd ul a{ display: block; float: left; line-height: 16px; padding: 0 20px; margin: 10px 0; border-right: 1px solid #ccc;}
.boxC .hd ul a:hover{ text-decoration: none}
.boxC .hd ul li:last-child a{ border-right: 0}
.boxC .hd .on a{ color: #156ab6;}
.boxC .bd{ overflow: hidden; padding: 8px 5px}

/* boxD */
.boxD{ margin-bottom: 20px;}
.boxD .hd{ height: 40px; line-height: 40px; background: #1b73c2;}
.boxD .hd h3{ font-size: 18px; color: #fff;}
.boxD .hd h3 a{ color: #fff}
.boxD .hd h3 i{ display: block; float: left; width: 42px; height: 40px; background: url(../img/icons-zwgk.png) #156ab6 10px 10px no-repeat; margin-right: 10px;}
.boxD .bd{ background: #fff; overflow: hidden; border: 1px solid #E9E9E9; border-top: 0;}

/* boxE */
.boxE{ margin-bottom: 15px;}
.boxE .hd{ height: 40px; line-height: 40px; overflow: hidden; border-bottom: 2px solid #156ab6;}
.boxE .hd h3{ float: left; padding: 0 20px; background: #156ab6; color: #fff; font-size: 16px;}
.boxE .hd h3 a{ color: #fff; display: block; float: left;}
.boxE .hd .more{ float: right;}
.boxE .bd{ padding: 10px; overflow: hidden;}

/* 侧栏盒子模型 */
.sideBox{ margin-bottom: 20px; border: 1px solid #ECECEC; background: #fff;}
.sideBox .hd{ overflow: hidden; padding-left: 30px; height: 40px; line-height: 40px; background: url(../../base/img/icons.png) no-repeat 10px -288px; border-bottom: 2px solid #156ab6;}
.sideBox .hd .more{ float: right;}
.sideBox .hd h3{ font-size: 18px; color: #156ab6;}
.sideBox .hd h3 a{ color: #fff;}
.sideBox .hd h3 a:hover{ text-decoration: none;}
.sideBox .bd{ padding: 19px;}

/* infoListA */
.infoListA li{ padding: 0 0 10px 12px; margin-bottom: 10px; border-bottom: 1px solid #eee; line-height: 1.5; background: url(../img/icons.png) 0 9px no-repeat; position: relative;}
.infoListA .date{ color: #999; float: right;}
.infoListA .last{ border-bottom: 0}

/* 信件列表 */
.letterList{ width: 100%; border: none;}
.letterList th, .letterList td{ text-align: center; font-size: 14px; vertical-align: middle; line-height: 20px; padding: 5px 5px}
.letterList th{ background: #f1f1f1;}
.letterList th{ height: 30px; line-height: 30px; padding: 0px;}
.letterList th.title{ text-align: left; padding-left: 38px;}
.letterList .num{ display: none;}
.letterList td.title{ text-align: left; padding-left: 5px;}
.letterList .ico{ width: 30px; text-align: center; vertical-align: middle; padding: 0px}
.letterList .ico img{ vertical-align: middle;}
.letterList .dep{ width: 90px;}
.letterList .state{ width: 90px;}
.letterList .open,
.letterList .handle{
    display:none
}
.letterList .state .s0{ color: #333;}
.letterList .state .s1{ color: #f70;}
.letterList .state .s2{ color: #f00;}
.letterList .state .s3{ color: #390;}
.letterList .state .s4{ color: #333; text-decoration: line-through;}
.letterList .date{ border-right: none; width: 90px;}
.letterList td.date{ color: #999999}

/* detailTable */
.detailTable{ margin-bottom: 10px; background: #fff; width: 100%;}
.detailTable, .detailTable tr, .detailTable tr td{ border: 1px solid #e6e6e6; border-collapse: collapse;}
.detailTable thead th{ background: #eee; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; text-align: center;}
.detailTable tbody td{ padding: 10px 15px;}
.detailTable tbody td.tdName{ font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;}
.detailTable .trTitle .tdCon{ font-weight: bold;}
.detailTable .trName td:nth-child(2), .detailTable .trUnit td:nth-child(2){ width: 160px}
.detailTable .trName td:nth-child(3), .detailTable .trUnit td:nth-child(3){ width: 160px}
.detailTable .preDiv{ width: 670px; overflow: auto;}
.detailTable .preDiv pre{ font-size: 14px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* mainBox */
.mainBox{ overflow: hidden;}
.mainBox .mHd{ position: relative; background: #f1f4f8; line-height: 40px; height: 40px; margin-bottom: 20px;}
.mainBox .mHd .list{ overflow: hidden;}
.mainBox .mHd .list li{ float: left; padding: 0 4%;}
.mainBox .mHd .list a{ font-size: 20px; color: #888;}
.mainBox .mHd .list a:hover{ text-decoration: none}
.mainBox .mHd .list .on a{ color: #fff}
.mainBox .mHd h3, .mainBox .mHd .list .on{ position: relative; font-weight: bold;display: inline-block; *display: inline; zoom: 1; padding: 0 25px; height: 40px; color: #fff; font-size: 18px; background: #156ab6; font-weight: normal;}
.mainBox .mHd h3 a{ color: #fff}
.column{ margin-bottom: 20px; overflow: hidden;}

/* 热点专题 */
.indRdzt{ overflow: hidden; zoom: 1;}
.indRdzt ul{ margin-right: -20px; overflow: hidden;}
.indRdzt li{ float: left; margin-right: 15px; width: 254px;}
.indRdzt li a{ display: block;}
.indRdzt li img{ width: 100%; height: 66px;}
.indRdzt .tit{ display: block; font-size: 14px; text-align: center; height: 25px; overflow: hidden;}

/* 友情链接 */
.friendLinks{ border-top: 1px solid #ddd; background: #EEEEEE; padding: 10px 0;}
.friendLinks h3{ float: left; font-size: 16px; color: #156ab6; padding-left: 31px; background: url(../img/icons.png) 0 -813px no-repeat;}
.friendLinks .con{ overflow: hidden;}
.friendLinks select{ padding: 6px; float: left; width: 18.4%; *width: 18.2%; *display: inline; margin-left: 1.6%; *margin: 6px 0 6px 1.6%; border: 1px solid #ccc;}

/* 侧栏-栏目内搜索 */
#sideSearch .bd li{ padding: 0 0 10px 0; overflow: hidden;}
#sideSearch .nodes, #sideSearch input, #sideSearch button{ height: 32px; line-height: 32px; width: 100%; border: 1px solid #ddd; font-size: 14px; font-family: "microsoft yahei"; outline: none}
#sideSearch .keyword{ width: 60%; padding: 0 5px;}
#sideSearch button{ line-height: 28px; width: 32%; float: right; background: #156ab6; border-color: #156ab6; color: #fff;}

/*验证码*/
div.codeinp input[type=text]{ width: 100px !important; float: left; margin-right: 10px;}
div input[type=text]{ border: 1px solid #ccc; height: 30px; padding: 0 10px;}

/* 通用底部按钮 */
.bot{ text-align: center; padding: 0 0 20px 0;}
.bot a, .bot button{ cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 16px; background: #009FFA; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.bot a:hover, .bot button:hover{ text-decoration: none; background: #077BD4;}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm{ background: #fff; width: 80%; margin: 0 auto; padding: 30px 0; font-size: 16px;}
.queryForm td{ padding: 8px 0}
.queryForm .tdlab{ width: 40%; text-align: right;}
.queryForm input[type=text]{ width: 56%;}
.queryForm .bot{ text-align: left;}
.queryForm .bot a{ margin: 0}
.queryForm .required strong{ color: #156ab6; margin-right: 5px;}
.queryForm .errorMessage{ color: #156ab6;}
.queryForm table{ width: 100%; border: 0;}

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult{ width: 80%; margin: 0 auto; padding: 30px 0;}
.queryResult .mainBox{ margin-bottom: 50px;}
.queryResult .tit h3{ text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px;}
.queryResult .tips{ text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;}
.queryResult .number{ font-weight: bold; color: #156ab6}

/* 登录弹窗 */
.user-mainbox .hd h3,
.user-mainbox .top h3{color:#156ab6 !important;border-bottom:3px solid #156ab6 !important;}
.user-mainbox .loginBtn {background: #156ab6 !important;}
.user-mainbox .loginBtn:hover { background: #0f5b9e !important;}

.gjwljblogo{width: 200px;}
.jiucuo{width: 130px;}
.red_icon{margin-top: -7px;}
.copyRight p img{vertical-align: middle;margin-right: 3px;}

.zqsk{float:right;background: #156ab6 url(../../base/img/zjxs-jjfz.jpg) top center;padding: 5px 35px;color: #fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:18px; font-weight:bold}
.zqsk:hover{color:#FFEB3B}




/*--
颜色代码
#156ab6 深蓝色标题
#ddd 淡蓝色边框
--*/